<template>
    <div class="wrap">
        <!--  头部  -->
        <list ref="list" :showRefresh="true" @refresh="onrefresh">
          <cell class="cell" v-for="num in lists">
            <div class="panel">
              <text class="text">{{num}}</text>
            </div>
          </cell>
        </list>
    </div>
</template>
<script>
    var globalEvent = weex.requireModule('globalEvent');
    module.exports = {
        data() {
          return {
            lists: [1, 2, 3, 4, 5]
          }
        },
        components: {
        },
        methods: {
            onrefresh() {
                this.$refs["list"].refreshEnd()
            }
        }
    }
</script>
<style scoped>
  .panel {
    width: 600px;
    height: 250px;
    margin-left: 75px;
    margin-top: 35px;
    margin-bottom: 35px;
    flex-direction: column;
    justify-content: center;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(162, 217, 192);
    background-color: rgba(162, 217, 192, 0.2);
  }
  .text {
    font-size: 50px;
    text-align: center;
    color: #41B883;
  }
</style>
